import { Component } from 'react'

class MovieItem extends Component {
  constructor(props) {
    super(props)
    this.state = {

    }
  }
  render() {
    const { pic, path, name, score, director, vip, type, createTime, district } = this.props
    return (
      <div className="movie_item_cont">
        <div className="hover_cont">
          <div className="hover_poster">
            <img src={pic} />
          </div>
          <div className="it_item">
            <span>导演：</span>
            <span>{director}</span>
          </div>
          <div className="it_item">
            <span>主演：</span>
            <span>{vip}</span>
          </div>
          <div className="it_item">
            <span>类型：</span>
            <span>{type}</span>
          </div>
          <div className="it_item">
            <span>时间：</span>
            <span>{createTime}</span>
          </div>
          <div className="it_item">
            <span>区域：</span>
            <span>{district}</span>
          </div>
        </div>
        <div className="item_cont">
          <div className="poster">
            <img src={pic} />
          </div>
          <p className="name">{name}</p>
          <p className="score">烂苹果：{score}分</p>
        </div>
      </div>
    )
  }
}

export default MovieItem